<div class="row">
    <div class="col-md-3">
        <span class="hipster img-fluid rounded"></span>
    </div>

    <div class="col-md-9">
        <h1 class="display-4" jhiTranslate="home.title">Welcome, Java Hipster!</h1>

        <p class="lead" jhiTranslate="home.subtitle">This is your homepage</p>

        <div [ngSwitch]="isAuthenticated()">
            <div *ngSwitchCase="true" class="alert alert-success">
                <span *ngIf="account" [translateValues]="{ username: account.login }" id="home-logged-message"
                      jhiTranslate="home.logged.message">You are logged in as user "{{ account.login }}".</span>
            </div>

            <div *ngSwitchCase="false" class="alert alert-warning">
                <span jhiTranslate="global.messages.info.authenticated.prefix">If you want to </span>
                <a (click)="login()" class="alert-link" jhiTranslate="global.messages.info.authenticated.link">sign
                    in</a><span jhiTranslate="global.messages.info.authenticated.suffix">, you can try the default accounts:<br/>- Administrator (login="admin" and password="admin") <br/>- User (login="user" and password="user").</span>
            </div>

            <div *ngSwitchCase="false" class="alert alert-warning">
                <span jhiTranslate="global.messages.info.register.noaccount">You don't have an account yet?</span>&nbsp;
                <a class="alert-link" jhiTranslate="global.messages.info.register.link" routerLink="account/register">Register
                    a new account</a>
            </div>
        </div>

        <p jhiTranslate="home.question">
            If you have any question on JHipster:
        </p>

        <ul>
            <li><a href="https://www.jhipster.tech/" jhiTranslate="home.link.homepage" rel="noopener noreferrer"
                   target="_blank">JHipster homepage</a></li>
            <li><a href="http://stackoverflow.com/tags/jhipster/info" jhiTranslate="home.link.stackoverflow"
                   rel="noopener noreferrer" target="_blank">JHipster on Stack Overflow</a></li>
            <li><a href="https://github.com/jhipster/generator-jhipster/issues?state=open"
                   jhiTranslate="home.link.bugtracker" rel="noopener noreferrer" target="_blank">JHipster bug
                tracker</a></li>
            <li><a href="https://gitter.im/jhipster/generator-jhipster" jhiTranslate="home.link.chat"
                   rel="noopener noreferrer" target="_blank">JHipster public chat room</a></li>
            <li><a href="https://twitter.com/jhipster" jhiTranslate="home.link.follow" rel="noopener noreferrer"
                   target="_blank">follow @jhipster on Twitter</a></li>
        </ul>

        <p>
            <span jhiTranslate="home.like">If you like JHipster, don't forget to give us a star on</span> <a
                href="https://github.com/jhipster/generator-jhipster" jhiTranslate="home.github"
                rel="noopener noreferrer" target="_blank">GitHub</a>!
        </p>
    </div>
</div>
